<!-- 条款和条件 -->
<template>
 <el-main>
  <div class="box">
   <h1>{{ $t('condition.title') }}</h1>

   <h6>{{ $t('condition.t1') }}</h6>
   <p v-html="$t('condition.t1_p')"></p>

   <h6>{{ $t('condition.t2') }}</h6>
   <p v-html="$t('condition.t2_p')"></p>

   <h6>{{ $t('condition.t3') }}</h6>
   <p v-html="$t('condition.t3_p')"></p>

   <h6>{{ $t('condition.t4') }}</h6>
   <p v-html="$t('condition.t4_p')"></p>

   <h6>{{ $t('condition.t5') }}</h6>
   <p v-html="$t('condition.t5_p')"></p>

   <h6>{{ $t('condition.t6') }}</h6>
   <p v-html="$t('condition.t6_p')"></p>

   <h6>{{ $t('condition.t7') }}</h6>
   <p v-html="$t('condition.t7_p')"></p>

   <h6>{{ $t('condition.t8') }}</h6>
   <p v-html="$t('condition.t8_p')"></p>

   <h6>{{ $t('condition.t9') }}</h6>
   <p v-html="$t('condition.t9_p')"></p>

   <h6>{{ $t('condition.t10') }}</h6>
   <p v-html="$t('condition.t10_p')"></p>

   <h6>{{ $t('condition.t11') }}</h6>
   <p v-html="$t('condition.t11_p')"></p>

   <h6>{{ $t('condition.t12') }}</h6>
   <p v-html="$t('condition.t12_p')"></p>

   <h6>{{ $t('condition.t13') }}</h6>
   <p v-html="$t('condition.t13_p')"></p>

   <h6>{{ $t('condition.t14') }}</h6>
   <p v-html="$t('condition.t14_p')"></p>

   <h6>{{ $t('condition.t15') }}</h6>
   <p v-html="$t('condition.t15_p')"></p>

   <h6>{{ $t('condition.t16') }}</h6>
   <p v-html="$t('condition.t16_p')"></p>

   <h6>{{ $t('condition.t17') }}</h6>
   <p v-html="$t('condition.t17_p')"></p>

   <h6>{{ $t('condition.t18') }}</h6>
   <p v-html="$t('condition.t18_p')"></p>
  </div>
 </el-main>
</template>

<script>
export default {
 name: "Agreement"
}
</script>

<style scoped lang="scss">
.el-main {
 background-color: #ffffff;
 padding-top: 50px;
 display: flex;
 justify-content: center;
 align-items: center;

 .box {
  max-width: 912px;
  margin: 20px auto;
  padding: 40px 50px;
  display: flex;
  flex-direction: column;

  h1 {
   padding: 20px 0 40px;
   color: #1c242c;
   font-size: 32px;
   font-weight: bold;
  }

  h6 {
   padding: 20px 0 10px;
   font-size: 15px;
   font-weight: normal;
   color: #1c242c;
  }
  p {
   color: grey;
   font-size: 13px;
   line-height: 21px;
  }
 }
}
</style>
